<template>
	<div class="card__body-container layout-padding">
		<el-card shadow="hover" class="layout-padding-auto">
		</el-card>
	</div>
</template>

<script setup lang="ts" name="home">

</script>

<style lang="scss" scoped>
.system-home-content {
	padding: 20px;
	.system-home-panel-summary {
		display: flex;
		align-items: center;
		padding: 16px 0 26px;
		.system-home-panel-summary-title {
			margin-right: 20px;
			font-size: 24px;
			font-weight: bold;
			color: #000000;
		}
		.system-home-panel-summary-date {
			font-size: 16px;
			color: #999999;
		}
	}
	.system-home-panel-content {
		width: 100%;
		padding: 0 20px 36px;
		background-color: #ffffff;
		.system-home-panel {
			display: flex;
			flex-direction: column;
			.system-home-panel_title {
				display: flex;
				flex-direction: row;
				align-items: center;
				margin: 36px 0 27px;
				font-size: 18px;
				font-weight: bold;
			}
			.system-home-panel_item {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				height: 180px;
				font-size: 48px;
				font-weight: bold;
				.system-home-panel_item-text {
					font-size: 16px;
					font-weight: normal;
					line-height: 30px;
					.ht-icon-wenhao {
						font-size: 16px;
					}
				}
			}
			.sales {
				background-color: #ffefdd;
				.system-home-panel_item-number {
					color: #ff9218;
					font-family: 'DINCondensedC';
					font-size: 35px;
				}
				.system-home-panel_item-text {
					color: #ffa43f;
				}
			}
			.service {
				background-color: #ffe1e1;
				.system-home-panel_item-number {
					color: #ff3939;
					font-family: 'DINCondensedC';
					font-size: 35px;
				}
				.system-home-panel_item-text {
					color: #ff4040;
				}
			}
			.number_of_orders {
				background-color: #cbfcff;
				.system-home-panel_item-number {
					color: #009fa9;
					font-family: 'DINCondensedC';
					font-size: 35px;
				}
				.system-home-panel_item-text {
					color: #02ceda;
				}
			}
			.resident_agent {
				background-color: #ffe8ff;
				.system-home-panel_item-number {
					color: #ff0072;
					font-family: 'DINCondensedC';
					font-size: 35px;
				}
				.system-home-panel_item-text {
					color: #ff499a;
				}
			}
			.consumer_user {
				background-color: #e8ebff;
				.system-home-panel_item-number {
					color: #4e5bc2;
					font-family: 'DINCondensedC';
					font-size: 35px;
				}
				.system-home-panel_item-text {
					color: #7b85d9;
				}
			}
		}
	}
}
</style>
